/* layui界面框架 */
/* 引入弹出框 */
layui.config({
	  base: $config.resUrl+'other/' //配置 layui 第三方扩展组件存放的基础目录
}).extend({
  ajaxExtention:'js/ajaxExtention',//加载自定义扩展，每个业务js都需要加载这个ajax扩展
  $tool:'js/tool',
  $api:'js/api',
  dtree: 'layui_ext/dtree/dtree' //定义该组件模块名
}).use(['element','form','layer','laydate','table','dtree','ajaxExtention','$tool','$api'], function(){ //独立版的layer无需执行这一句
  var $ = layui.jquery,
	  dtree = layui.dtree,
	  layer = layui.layer,
	  $api = layui.$api;
		
		var active = {
		    notice: function(){
		      //示范一个公告层
			  layer.open({
			   	 type: 2,
			   	 title: '新增机构',
		   	     shadeClose: true,
		   	     shade: false,
		   	     maxmin: true, //开启最大化最小化按钮
		   	  	 shade: 0.8, //遮罩
		   	  	 anim: 5,//动画方式
		   	     area: ['893px', '500px'],
		   	     content: '../dept/deptAdd.jsp'
			   });
		    }
		    ,offset: function(othis){
		      var type = othis.data('type')
		      ,text = othis.text();
		      
		      layer.open({
		        type: 1
		        ,offset: type //具体配置参考：http://www.layui.com/doc/modules/layer.html#offset
		        ,id: 'layerDemo'+type //防止重复弹出
		        ,content: '<div style="padding: 20px 100px;">'+ text +'</div>'
		        ,btn: '关闭全部'
		        ,btnAlign: 'c' //按钮居中
		        ,shade: 0 //不显示遮罩
		        ,yes: function(){
		          layer.closeAll();
		        }
		      });
		    }
		  };
		  
	  $('#layerDemo .layerDemo-a').on('click', function(){
	    var othis = $(this), method = othis.data('method');
	    active[method] ? active[method].call(this, othis) : '';
	  });
		
	var DTree = dtree.render({
	  elem: "#deptTree",  //绑定元素
	  url: "/sys/dept/tree.json",  //异步接口
	  initLevel: 2,
	  dot: false,
	  toolbar: true,
	  useIframe: true,  //启用iframe
	  iframe: {
	    iframeElem: "#deptRightContext",  // iframe的ID
	    iframeUrl: "/sys/dept/details.page", // iframe路由到的地址
	    iframeLoad: "all", // 表示点击任意节点加载iframe
	    //iframeDefaultRequest: {nodeId: "id"}, // 这里就将nodeId这个参数名称改为了id这个名称
	    //iframeRequest: {deptId: "1"} // 这里就自定义了需要传递的参数
	  },
	  done: function(data, obj){
	    $("#search_btn").unbind("click");
	    $("#search_btn").click(function(){
	      var value = $("#searchInput").val();
	      if(value){
	        var flag = DTree.searchNode(value); // 内置方法查找节点
	        if (!flag) {layer.msg("该名称节点不存在！", {icon:5});}
	      } else {
	        DTree.menubarMethod().refreshTree(); // 内置方法刷新树
	      }
	    });
	  }
	});
    //单击节点 监听事件
    dtree.on("iframeDone('deptTree')" ,function(obj){
	    $("#deptId").val(obj.iframeParam.nodeId);
	});
    
    
    //绑定新增按钮
    $("#deptSave").on('click',function(){
    	var tmp = $(this).attr("href");
        $("iframe").attr('src',tmp);
    });

    //绑定删除按钮
    $("#deptDelete").on('click',function(){
    	var tmp = $(this).attr("href"),
    	deptId = $("#deptId").val();
    	if("" == deptId){
    		layer.msg("请先选择机构！");
    		return;
    	};
    	layer.confirm('真的删除行么', function(index){
            $api.DeptDelete({id:deptId},function(result){
            	layer.msg(result.msg,{time:1000},function(){
                    //obj.del(); //删除对应行（tr）的DOM结构
                    //重新加载树
            		location.reload();
                });
            });
            layer.close(index);
    	});
    });
}); 
